<template>
  <div class="GetMore minifont">
    <div v-if="hasMore">

      <span class="getMoreBtn"  v-if="getDataListDoing">加载中...</span>
      <span class="getMoreBtn" v-else @click="getMore"> 获取更多 </span>
    </div>
    <div v-else>
      ----<span class="NoMore" ><slot name="nodata"> 没有了 </slot></span>----
    </div>
  </div>
</template>
<script>
module.exports = {
  props:{
    getDataListDoing:{
      default:0
    }
  },
  data(){
    return {
      hasMore:1,
    }
  },
  methods:{
    getMore(){
      this.$emit('getmore')
    },
    setNoMore(){
      this.hasMore=0
    }
  }
}
</script>
<style scoped>
.GetMore{text-align: center;margin-top: 1rem}
.NoMore{color: #8C8B8B}
.getMoreBtn{font-size: .4rem;color: #00d6d6;border-bottom: 1px solid #00d6d6}
</style>
